﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/lib/vue/vue.js"></script>
    <script src="~/lib/vue/axios.min.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="~/lib/vue/indexElementUI.css">
    <!-- 引入组件库 -->
    <script src="~/lib/vue/indexElementUI.js"></script>
</head>
<body>
    <div id="app">
        <div class="login-pad">
            <div class="login-title">
                后台管理系统
            </div>
            <div class="login-content">
                <p>
                    <el-input placeholder="请输入用户名" v-model="userNo">
                        <template slot="prepend">用户名</template>
                    </el-input>
                </p>
                <p>
                    <el-input placeholder="请输入密码" v-model="password" show-password>
                        <template slot="prepend">密　码</template>
                    </el-input>
                </p>
                <p>
                  <el-button type="primary" v-on:click="login" style="width:100%" >登录</el-button>
                </p>
            </div>
        </div>
    </div>
    <script>
        var vm = new Vue({
            el:"#app",
            data:{
                userNo:"303124909",
                password:"123456"
            },
            methods : {
                login:function(){
                    axios.get('/Login/Checklogin?userNo=303124909&password=123456').then(res => {
                        console.log(res.data);
                    })                
                }
            },
            mounted() {

            }
        })
    </script>
    <style>
        .login-pad {
            width:600px;
            margin:auto;
            height:400px;
            margin-top:10%;
            border-radius:6px;
            box-shadow:0px 0px 10px rgba(0,0,0,0.36);
        }
        .login-title {
            font-size:28px;
            height:76px;
            line-height:76px;
            text-align:center;
            border-bottom:1px solid #ccc;
        }
        .login-content {
            padding:0 20%;
        }
        .login-content p {
            margin-top:36px;
        }
    </style>
</body>
</html>
